<template>
  <div class="item cursor-pointer mb-[10px] p-[12px] mt-[0] m-[12px]">
    <a-typography>
      <a-typography-title :level="3" class="pb-[10px]">{{itemData.props.title}}</a-typography-title>
      <a-typography-paragraph>
        {{itemData.props.desc}}
      </a-typography-paragraph>
    </a-typography>
  </div>
</template>

<script setup>
import {defineProps} from "vue";
const {itemData} = defineProps({
  itemData:{
    type:Object,
    default:{}
  }
})
</script>

<style scoped>
h1, h2, h3, h4, h5 {
  margin-bottom: 0 !important;
}
</style>
